<template>
    <div class="item-bg">
        <div class="horizontal">
            <a-date-picker id="startTime" v-model="startDate" @change="StartDateChange" />
            <a-date-picker class="picker2" id="endTime" v-model="endDate" @change="EndDateChange" />
            <div class="but-view">查询</div>
        </div>
    </div>
</template>
<script>
import { ref } from 'vue';
import { DatePicker } from 'ant-design-vue';
let value = ref()
export default {
    components: {
        'a-date-picker': DatePicker
    }
}
</script>
<style lang="scss">
.horizontal {
    //横排序
    display: flex;
    margin-left: -2%;
}

.picker2 {
    margin-left: 1%;
}

.but-view {
    font-size: 16px;
    color: #fff;
    border-radius: 5px;
    margin-left: 12px;
    padding-top: 10px;
    padding-left: 10px;
    padding-bottom: 10px;
    padding-right: 10px;
    background-color: #4cb7df;
}
</style>